<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>LASTONE</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/LASTONE.css" />
	</head>

	<body>
		<div class="web"></div>
		<div class="box1"></div>
		<div class="box2">
			<p>Game Over</p>
			<p class="data"></p>
			<button>Again</button>
		</div>
		<div class="box">
			<div><p>LASTONE</p></div>
			<div><p>FOCUS VISION ON THE SCEEN</p></div>
			<hr />
			<button>START</button>
			<div><p>TIPS:</p></div>
			<div><p>CLICK ON A POINT LAST SEEN</p></div>
		</div>
		<script src="js/LastOne.js" type="text/javascript" charset="utf-8"></script>
		<!--<script type="text/javascript">
			var box = document.querySelector(".box")
			var tex = document.querySelehctor(".ttext")
			var Button = document.querySelector(".ttext button")
			var myDiv = document.createElement("div");
			console.log(myDiv)
			
			function start() {
				Button.addEventListener("click", function(el) {
					tex.classList.add("active");
					myDiv.classList.add("circle");
					myDiv.style.width=Math.random()*50+20+"px"
					myDiv.style.height=myDiv.style.width
					myDiv.style.top=Math.random()*600+"px"
					myDiv.style.left=Math.random()*350+"px"
					myDiv.style.bottom=Math.random()*600+"px"
					myDiv.style.right=Math.random()*350+"px"
					box.appendChild(myDiv);
				});
				for(var i = 0;i<1;i++){
					myDiv.addEventListener("click",function(el){
						var myDiv = document.createElement("div");
						myDiv.classList.add("circle");
						myDiv.style.width=Math.random()*50+20+"px"
						myDiv.style.height=myDiv.style.width
						myDiv.style.top=Math.random()*600+"px"
						myDiv.style.left=Math.random()*350+"px"
						myDiv.style.bottom=Math.random()*600+"px"
						myDiv.style.right=Math.random()*350+"px"
						box.appendChild(myDiv);
						console.log(myDiv)
					})
				}
			}
			start();
			
//			tianJia.addEventListener("click",function(el){
//				var myDiv = document.createElement("div");
//				myDiv.classList.add("circle")
//				myDiv.style.width=Math.random()*50+20+"px"
//				myDiv.style.height=myDiv.style.width
//				myDiv.style.top=Math.random()*600+"px"
//				myDiv.style.left=Math.random()*350+"px"
//				myDiv.style.bottom=Math.random()*600+"px"
//				myDiv.style.right=Math.random()*350+"px"
//				box.appendChild(myDiv);
//				console.log(myDiv)
//			})	
			
		</script>-->
	</body>
</html>